@charset "utf-8";
*{margin: 0;padding: 0;box-sizing: border-box;}
html{font-size: 10px;line-height: 1;}
body{overflow-x: hidden;overflow-y: auto;}
body{font-family: Arial, "微软雅黑", sans-serif;color: #2d343f;font-size: 16px;background-color: #fff;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{line-height: inherit;font-size: inherit;font-weight: normal;}
i{font-style: normal;}
img{border: none;vertical-align: middle;}
ul,ol{list-style: none;}
li{list-style: inherit;}
input,textarea,button,span,li,a,div{border: none;outline: none;resize: none;}
textarea{font-family: Arial, "微软雅黑", sans-serif;overflow: auto;}
table{width: 100%;border-spacing: 0;border-collapse: collapse;}
a,a:active,a:hover,a:visited{color: inherit;font-size: inherit;text-decoration: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix{*zoom: 1;}
.clearfix:before,
.clearfix:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol{margin: 0 -10px;*zoom: 1;}
.mycol:before,
.mycol:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol .col{float: left;padding: 0 10px;text-align: center;}
.mycol .col img{max-width: 100%;}
.mycol2{margin: 0 -6.5vw;*zoom: 1;}
.mycol2:before,
.mycol2:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.mycol2 .col{float: left;padding: 0 6.5vw;text-align: center;}
.mycol2 .col img{max-width: 100%;}
.mycol-2 .col{width: 50%;}
.mycol-3 .col{width: 33.33333%;}
.mycol-4 .col{width: 25%;}
.mycol-5 .col{width: 20%;}
.box{display: block;}
.center-fa{position: relative;}
.center-fa .center{position: absolute;left: 50%;top: 50%;transform: translate(-50%,50%);}
.center-fa .centerX{position: absolute;left: 50%;transform: translateX(-50%);}
.center-fa .centerY{position: absolute;top: 50%;transform: translateY(-50%);}
.center-img{height: 100%;position: relative;overflow: hidden;}
.center-img img{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);}
.center-img-hover img{transition: all .3s;}
.center-img-hover:hover img{transform: translate(-50%,-50%) scale(1.05);}
.full-img{width: 100%;height: 0;position: relative;}
.full-img img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.lr-ti li{overflow: hidden;}
.lr-ti li > div{width: 50%;height: 100%;float: left;}
.lr-ti li > div .box{height: 100%;}
.lr-ti li > div .box > div{width: 100%;}
.lr-ti li:nth-child(2n) > div{float: right;}
.hvr-color{transition: all .3s;}
.hvr-color:hover{color: #ec7729;}
.w{width: 1400px;margin: 0 auto;*zoom: 1;}
.w:before,
.w:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.w1600{width: 1600px;margin: 0 auto;*zoom: 1;}
.w1600:before,
.w1600:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.bg-img{background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg-left{background-position: left center;background-repeat: no-repeat;}
.com-padding{padding: 60px 0;}
.pt0{padding-top: 0;}
.pb0{padding-bottom: 0;}
.p-color{color: #7c7c7c;}
.tsi{transition: all .3s;}
.com-bg{background-color: #f4f4f4;}
.com-ba:before,
.com-ba:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: transform .3s;}
.com-title{text-align: center;}
.com-title h3{display: inline-block;height: 60px;margin-bottom: 20px;font-size: 36px;position: relative;}
.com-title h3:before{content: '';position: absolute;left: 50%;bottom: 0;width: 80%;transform: translateX(-50%);border-bottom: 1px solid #ddd;}
.com-title h3:after{content: '';position: absolute;left: 50%;bottom: -1px;width: 30px;margin-left: -15px;border-bottom: 3px solid #ec7729;}
.com-title p{height: 85px;color: #7c7c7c;}
.com-title .more{display: block;margin-bottom: 30px;margin-top: -20px;color: #ec7729;font-size: 14px;}
.position{height: 55px;line-height: 55px;overflow: hidden;font-size: 14px;background-color: #f4f4f4;}
.position a{transition: all .3s;}
.position a:hover{color: #ec7729;}
.position.top{position: fixed;left: 0;top: 60px;width: 100%;background: #fff;z-index: 998;border-bottom: 1px solid #ddd;}
.position .nav a{display: inline-block;width: 115px;text-align: center;color: #333;transition: all .3s;}
.position .nav a.active{background: #ec7729;}
.position .pos > a,
.position .w > a{transition: all .3s;}
.position .pos > a:hover,
.position .w > a:hover{color: #ec7729;}
body{padding-top: 100px;}
.header{position: fixed;left: 0;top: 0;width: 100%;height: 100px;line-height: 100px;padding-left: 2vw;box-shadow: 0 5px 30px -20px #000;background: #fff;z-index: 999;min-width: 1200px;}
.header .logo{position: relative;}
.header .logo a{display: block;font-size: 0;}
.header .logo p{position: absolute;top: 50%;transform: translateY(-50%);left: 120px;color: #666;font-size: 16px;white-space: nowrap;}
.header .logo p span{display: block;height: 30px;color: #333;font-size: 20px;}
.header .nav{width: calc(100% - 550px);height: 100%;text-align: center;}
.header .nav ul{width: 100%;height: 100%;display: inline-block;}
.header .nav li{display: inline-block;margin: 0 1.3vw;position: relative;}
.header .nav li > a{height: 54px;line-height: 54px;color: #3c3c3c;font-size: 18px;display: block;transition: all .3s;position: relative;}
.header .nav li > a:after{content: '';position: absolute;left: 0;bottom: 1px;width: 100%;border-top: 2px solid #ec7729;transform: scaleX(0);z-index: 2;transition: all .3s;}
.header .nav li:hover > a,
.header .nav li.active > a{color: #ec7729;}
.header .nav li:hover > a:after,
.header .nav li.active > a:after{transform: scaleX(1);}
.header .nav .subnav{position: absolute;left: 50%;bottom: -30px;transform: translate(-50%,100%);width: 140px;height: 0;overflow: hidden;background: #fff;opacity: 0;transition: bottom .5s, opacity .5s;text-align: center;z-index: 5;}
.header .nav .subnav > a{display: block;line-height: 1;padding: 10px 5px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .nav .subnav > a:hover{color: #ec7729;background: #f4f4f4;}
.header .nav li:hover .subnav{padding: 20px 0;height: auto;bottom: 0;opacity: 1;box-shadow: 0 0 30px -20px #000;}
.header .phone{font-size: 0;}
.header .phone p{float: left;height: 100%;padding: 0 35px;color: #ec7729;font-size: 20px;font-weight: 700;text-align: right;background: url(../images/icon_phone01.png) left center no-repeat;}
.header .phone .search{float: left;width: 100px;height: 100px;text-align: center;background: #293e6b;cursor: pointer;}
.header .phone span{display: block;width: 100%;height: 100%;}
.header .phone form{display: none;position: fixed;top: 100px;left: 0;width: 100%;height: 80px;line-height: 80px;background-color: #fff;border-top: 1px solid #ec7729;text-align: center;z-index: 2;}
.header .phone form input{display: inline-block;vertical-align: middle;}
.header .phone form .key{width: 30%;height: 40px;border-radius: 40px;padding-left: 20px;padding-right: 100px;border: 1px solid #ccc;color: #666;}
.header .phone form .sub{position: relative;top: 0;left: -80px;width: 80px;height: 40px;border-radius: 40px;vertical-align: middle;cursor: pointer;}
.header.top{position: fixed;left: 0;top: 30px;height: 60px;line-height: 60px;background: #fff;opacity: 0;visibility: hidden;transition: all .3s;z-index: 1000;}
.header.top li > a{height: 60px;color: #2d343f;}
.header.top li > a:hover{color: #ec7729;}
.header.top.active{top: 0;opacity: 1;visibility: visible;}
.swiper-pagination-bullet{position: relative;width: 10px;height: 10px;background-color: #fff;opacity: 1;}
.swiper-pagination-bullet:after{content: '';position: absolute;left: 50%;top: 50%;width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;background: #fff;opacity: .3;border-radius: 50%;transform: scaleX(0) scaley(0);transition: all .3s;}
.swiper-pagination-bullet-active{background-color: #ec7729;}
.swiper-pagination.swiper-pagination{bottom: 30px;}
div.swiper-button-next,
div.swiper-button-prev{width: 34px;height: 34px;border-radius: 5px;background: #293e6b;}
.swiper-button-next:after,
.swiper-button-prev:after{content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border: 2px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.swiper-button-prev:after{left: 50%;transform: translate(-50%,-50%) rotate(-135deg);}
.swiper-button-next:before,
.swiper-button-prev:before{content: '';position: absolute;left: 45%;top: 50%;width: 15px;margin-left: -8px;margin-top: -1px;border-bottom: 2px solid #fff;}
.swiper-button-prev:before{margin-left: -2px;}
.swiper-button-next:hover,
.swiper-button-prev:hover{background-color: #ec7729;}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after{border-color: #fff;}
.index-banner{width: 100%;}
.index-banner img{width: 100%;}
.index-banner .swiper-pagination-bullet.swiper-pagination-bullet{margin: 0 12px;}
.index-banner .swiper-pagination-bullet-active{background: #fff;position: relative;}
.index-banner .swiper-pagination-bullet-active:after{transform: scaleX(1) scaley(1);}
.index-service{padding: 50px 0;background: #fafafa;box-shadow: 0 4px 20px -15px #000;}
.index-service .main li .box{display: block;padding-left: 70px;text-align: left;}
.index-service .main li h4{height: 35px;color: #3c3c3c;font-size: 20px;}
.index-service .main li p{color: #7c7c7c;font-size: 14px;}
.index-product .nav{text-align: center;}
.index-product .nav a{display: inline-block;line-height: 36px;border-radius: 36px;padding: 0 20px;transition: all .3s;}
.index-product .nav a.active{color: #fff;background: #ec7729;}
.index-product .main{position: relative;}
.index-product .main .item{position: absolute;width: 100%;left: 0;top: 0;transform: translateY(10px);z-index: -1;opacity: 0;transition: all .3s;}
.index-product .main .item.active{position: relative;z-index: 1;opacity: 1;transform: translateY(0);}
.index-product .main .swiper-container{padding: 80px 30px 30px;height: 620px;}
.index-product .main li{text-align: center;padding: 40px 2vw;border-radius: 10px;transition: all .3s;top: 0;}
.index-product .main li .img{width: 100%;padding-top: 75%;position: relative;margin-bottom: 10%;}
.index-product .main li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;}
.index-product .main li .txt h4{height: 22px;margin-bottom: 18px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-product .main li .txt p{height: 0;overflow: hidden;color: #7c7c7c;font-size: 14px;line-height: 25px;margin-top: -5px;opacity: 0;transition: all .3s;}
.index-product .main li .txt .more{display: none;line-height: 32px;margin-top: 10px;font-size: 0;opacity: 0;transition: all .3s;}
.index-product .main li .txt .more a{display: inline-block;width: 110px;color: #fff;font-size: 16px;background: #ec7729;}
.index-product .main li .txt .more a:first-child{background: #293e6b;border-top-left-radius: 32px;border-bottom-left-radius: 32px;}
.index-product .main li .txt .more a:last-child{border-top-right-radius: 32px;border-bottom-right-radius: 32px;}
.index-product .main li .txt .more2 a{display: inline-block;margin-top: 20px;line-height: 30px;border-bottom: 1px solid #293e6b;color: #293e6b;}
.index-product .main li:hover{box-shadow: 0 0 25px -0 #ddd;position: relative;top: -30px;}
.index-product .main li:hover h4{color: #293e6b;}
.index-product .main li:hover p{height: 75px;opacity: 1;}
.index-product .main li:hover .more{display: inline-block;opacity: 1;}
.index-product .main li:hover .more2{display: none;}
.index-product .main div.swiper-button-next{right: -90px;}
.index-product .main div.swiper-button-prev{left: -90px;}
.index-case .main li{margin-bottom: 20px;}
.index-case .main li .box{border: 1px solid #ddd;text-align: left;}
.index-case .main li .img{padding-bottom: 75%;}
.index-case .main li .txt{background: #fff;padding: 25px 20px;}
.index-case .main li .txt h4{height: 22px;margin-bottom: 18px;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-case .main li .txt p{height: 50px;overflow: hidden;color: #7c7c7c;font-size: 14px;line-height: 25px;margin-top: -5px;text-align: justify;}
.index-case .main li .txt .more{display: block;padding-top: 15px;margin-top: 20px;border-top: 1px solid #ddd;color: #293e6b;font-size: 14px;transition: all .3s;}
.index-case .main li .txt .more:hover{color: #ec7729;}
.index-case .get{display: block;width: 220px;line-height: 35px;border-radius: 35px;margin: 50px auto 0;text-align: center;color: #293e6b;border: 1px solid #293e6b;}
.index-about{position: relative;padding-bottom: 0;}
.index-about .txt{position: relative;width: 50%;padding-right: 3vw;margin-top: 50px;}
.index-about .txt h2{position: relative;margin-bottom: 35px;padding-top: 40px;color: #293e6b;font-size: 42px;}
.index-about .txt span{position: absolute;top: -10px;left: 0;display: block;font-size: 100px;color: #f6f6f6;font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif";}
.index-about .txt h3{height: 45px;color: #3c3c3c;font-size: 20px;}
.index-about .txt .con{color: #7c7c7c;line-height: 30px;margin-top: -7px;text-align: justify;height: 150px;overflow: hidden;}
.index-about .txt a.more{display: block;width: 160px;line-height: 36px;border-radius: 36px;margin-top: 60px;text-align: center;color: #fff;background: #293e6b;}
.index-about .img{position: absolute;right: 0;width: 50%;padding-left: 4vw;}
.index-about .img .video{display: block;width: 100%;height: 560px;border-top-left-radius: 50px;overflow: hidden;}
.index-about .img .more{position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding: 25px 40px;background: #fff;border-top-right-radius: 20px;border-bottom-left-radius: 20px;box-shadow: 0 0 30px -20px #000;}
.index-about .img .more a{display: block;height: 120px;padding-top: 75px;text-align: center;background-position: center 30px;background-repeat: no-repeat;}
.index-about .img .more a:hover{color: #ec7729;}
.index-about .num{background-color: #f4f4f4;padding: 35px 0;margin-top: 60px;}
.index-about .num .list{width: 46%;}
.index-about .num li h4{height: 60px;font-size: 20px;}
.index-about .num li h4 span{color: #293e6b;font-size: 52px;font-weight: 700;vertical-align: top;}
.index-about .num li p{color: #3c3c3c;font-size: 14px;}
.index-about .num li .i{height: 60px;}
.index-news .nav{margin-bottom: 30px;text-align: center;}
.index-news .nav a{display: inline-block;line-height: 36px;border-radius: 36px;padding: 0 30px;margin: 0 5px;transition: all .3s;}
.index-news .nav a:hover,
.index-news .nav a.active{color: #fff;background: #ec7729;}
.index-news ul{position: relative;bottom: -40px;height: 0;opacity: 0;overflow: hidden;transition: all .3s;}
.index-news ul.active{height: auto;opacity: 1;bottom: 0;}
.index-news ul li{float: left;width: 48%;padding: 20px 0;}
.index-news ul li:nth-child(2n){float: right;}
.index-news ul li ~ li ~li{border-top: 1px solid #ddd;}
.index-news ul li .fl{width: 147px;}
.index-news ul li .img{width: 100%;padding-bottom: 75%;}
.index-news ul li .img img{width: 100%;height: 100%;}
.index-news ul li .txt{width: calc(100% - 172px);position: relative;}
.index-news ul li .txt h4{height: 20px;overflow: hidden;margin-bottom: 18px;font-size: 18px;text-overflow: ellipsis;white-space: nowrap;}
.index-news ul li .txt p{height: 50px;line-height: 25px;overflow: hidden;margin-bottom: 10px;margin-top: -5px;color: #999;font-size: 14px;text-align: justify;}
.index-news ul li .txt .date{color: #7c7c7c;font-size: 14px;}
.index-partner .main{position: relative;}
.index-partner .main li{height: 120px;line-height: 115px;text-align: center;border: 1px solid #ddd;background: #fff;}
.index-partner .main li img{max-width: 100%;max-height: 100%;}
.index-partner .main div.swiper-button-prev{left: -70px;}
.index-partner .main div.swiper-button-next{right: -70px;}
.index-after .w{background: #fff;padding-left: 4vw;padding-right: 4vw;position: relative;bottom: -130px;margin-top: -130px;border-bottom: 3px solid #ec7729;z-index: 2;}
.index-after .main .img{height: 75px;}
.index-after .main h4{height: 30px;font-size: 20px;}
.index-after .main p{color: #7c7c7c;font-size: 14px;}
.banner{width: 100%;overflow: hidden;}
.banner img{width: 100%;transition: all 1s;}
.banner img:hover{transform: scale(1.02);}
.banner .pos{color: #fff;line-height: 70px;position: relative;top: -70px;margin-bottom: -70px;}
.product .main{height: 660px;background: url(../images/index_pro_bg01.png);}
.pro-main-title{float: left;width: 220px;padding-top: 50px;padding-bottom: 50px;background-color: #293e6b;text-align: center;position: relative;z-index: 1;}
.pro-main-title:before{content: '';position: absolute;left: -20px;top: 0;width: 20px;height: 60px;}
.pro-main-title h3{height: 65px;color: #fff;font-size: 32px;position: relative;}
.pro-main-title h3:after{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 40px;height: 2px;background-color: #fff;}
.pro-main-title img{display: block;margin: 40px auto 25px;}
.pro-main-title a.more{display: inline-block;width: 135px;height: 40px;line-height: 40px;border-radius: 37px;color: #293e6b;font-size: 18px;background-color: #fff;transition: all .3s;}
.pro-main-title a.more:hover{width: 150px;}
.pro-main-title p{display: inline-block;line-height: 25px;padding-left: 35px;margin-top: 20px;color: #fff;opacity: .6;background: url(../images/phone_icon02.png) left center no-repeat;}
.pro-main-title h4{margin-top: 10px;color: #fff;font-size: 22px;}
.product .list{/*background: url(../images/index_pro_bg01.png);*/}
.pro-main-title a.more{color: #fff;border: 1px solid #fff;background: none;}
.pro-main-title a.more:hover{color: #293e6b;background-color: #fff;}
.pro-main-title ul{padding: 60px 0;margin: 25px 0;position: relative;}
.pro-main-title ul:before,
.pro-main-title ul:after{content: '';position: absolute;left: 50%;top: 0;height: 50px;border-left: 1px solid #fff;}
.pro-main-title ul:after{top: auto;bottom: 0;}
.pro-main-title li{padding: 10px 15px;}
.pro-main-title li a{display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;font-size: 18px;border-radius: 45px;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
.pro-main-title li a:hover,
.pro-main-title li a.active{color: #293e6b;background-color: #fff;}
.product .com-search .w{padding-left: 250px;}
.product .list .main{float: right;width: calc(100% - 250px);height: auto;background: none;}
.product .list .main li .img{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.product .list .main li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;}
.product .list .main li h4{height: 50px;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 30px;}
.case li{margin-bottom: 20px;}
.case li .img{padding-bottom: 70%;}
.case li h4{height: 65px;overflow: hidden;padding-top: 15px;line-height: 1.5;font-size: 14px;}
.join-require .main ul.mycol{margin: 0 -2.5vw;}
.join-require .main li.col{padding: 0 2.5vw;}
.join-require .main .box{padding: 2.5vw 3.5vw;background: #313131;text-align: left;color: #ec7729;}
.join-require .main .box h4{height: 35px;font-size: 28px;}
.join-require .main .box h5{height: 40px;font-size: 14px;}
.join-require .main .box img{width: 100%;margin-bottom: 30px;}
.join-require .main .box .con,
.join-require .main .box .con p{line-height: 25px;color: #fff;font-size: 14px;}
.join-require .more{display: block;width: 150px;line-height: 45px;margin: 3.5vw auto 0;text-align: center;color: #ec7729;font-size: 14px;background: #313131;}
.join-policy .main{position: relative;top: -145px;margin-bottom: -145px;margin-left: 270px;width: calc("~100% - 270px");padding: 60px 0;background: url(../images/join_policy_bg02.png) 42% top no-repeat;background-size: auto 100%;*zoom: 1;}
.join-policy .main:before,
.join-policy .main:after{content: "";display: block;width: 0;height: 0;clear: both;visibility: hidden;}
.join-policy .main li{float: left;width: 50%;margin-right: 1%;padding-left: 30px;border-left: 7px solid #ec7729;color: #fff;position: relative;}
.join-policy .main li:nth-child(2n - 1){float: right;}
.join-policy .main li h4{height: 50px;font-size: 22px;font-weight: 700;}
.join-policy .main li .con{width: 90%;}
.join-policy .main li .con p{line-height: 30px;}
.join-policy .main li span{position: absolute;right: -10px;top: 50%;transform: translateY(-50%);display: block;width: 75px;height: 75px;line-height: 75px;text-align: center;color: #ec7729;font-size: 38px;border: 1px solid #ec7729;border-radius: 50%;background: #fff;}
.join-policy .main li:nth-child(2n - 1) span{right: auto;left: -140px;}
.join-after .main li:nth-child(2){padding-top: 5vw;}
.join-after .main li:nth-child(3){padding-top: 2.5vw;}
.join-after .main li:nth-child(4){padding-top: 7.5vw;}
.join-after .main li .box{padding: 3vw 2vw 0;background: #313131;border-bottom: 15px solid #ec7729;text-align: left;}
.join-after .main li h4{height: 50px;color: #ec7729;font-size: 20px;border-bottom: 1px solid #626262;}
.join-after .main li .con{height: 250px;padding-top: 1.2vw;overflow: hidden;}
.join-after .main li .con p{line-height: 22px;color: #fff;font-size: 14px;}
.join-after .tel{margin-top: 30px;text-align: center;color: #fff;font-size: 28px;}
.join-form .t2 p{height: 55px;color: #ec7729;}
.join-form .main{width: 50%;}
.join-form .main input{width: 100%;line-height: 48px;padding-left: 20px;font-size: 14px;border: 1px solid #ec7729;}
.join-form .main textarea{width: 100%;height: 160px;padding: 20px;margin-top: 20px;border: 1px solid #ec7729;}
.join-form .main .sub{display: block;width: 150px;line-height: 50px;text-align: center;margin-top: 4vw;background: #ec7729;}
.solution .title{text-align: center;margin-bottom: 80px;}
.solution .title h3{font-size: 40px;font-weight: 700;height: 70px;position: relative;}
.solution .title h3:after{content: '';position: absolute;left: 50%;bottom: 0;width: 30px;margin-left: -15px;border-bottom: 2px solid #ec7729;}
.solution .title p{font-size: 18px;margin-top: 30px;}
.solution .main li{height: 400px;margin-bottom: 5.5vw;}
.solution .main li .img{height: 100%;}
.solution .main li .img img{height: 100%;}
.solution .main li .txt{height: 100%;padding: 0 4vw;}
.solution .main li .txt h4{padding-bottom: 1vw;color: #ec7729;font-size: 32px;}
.solution .main li .txt .con{max-height: 300px;overflow: hidden;color: #666;font-size: 16px;line-height: 30px;}
.solution .main li .txt .more{display: block;width: 150px;line-height: 45px;margin-top: 15px;text-align: center;background: #ec7729;}
.service-after .main{margin-top: 30px;}
.service-after .main li .box{padding: 3.75vw 1.5vw 0;background: #fff;position: relative;text-align: left;}
.service-after .main li .box span{position: absolute;left: 30px;top: 0;transform: translateY(-50%);display: block;width: 76px;height: 76px;line-height: 76px;text-align: center;color: #fff;font-size: 24px;background: #ec7729;border-radius: 50%;}
.service-after .main li h5{height: 45px;color: #ec7729;font-size: 18px;}
.service-after .main li h4{height: 55px;margin-bottom: 20px;font-size: 24px;position: relative;}
.service-after .main li h4:after{content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #ec7729;}
.service-after .main li .con{height: 200px;overflow: hidden;}
.service-after .main li .con p{overflow: hidden;line-height: 32px;font-size: 14px;}
.service-form .main img{width: 100%;margin-bottom: 30px;}
.service-form .main input{width: 100%;line-height: 50px;padding: 0 20px;background: #eee;}
.service-form .main textarea{width: 100%;height: 190px;padding: 25px 20px;margin-top: 20px;background: #eee;}
.service-form .main .sub{display: block;width: 160px;line-height: 50px;margin: 3.25vw auto 0;text-align: center;background: #ec7729;}
.service-nav{margin-top: 1vw;margin-bottom: 2.5vw;text-align: center;}
.service-nav a{display: inline-block;margin: 0 15px;width: 100px;line-height: 40px;}
.service-nav a.active{background: #ec7729;}
.video .main li .img{padding-bottom: 65%;position: relative;}
.video .main li .img span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/icon_play01.png) center no-repeat;background-color: rgba(0,0,0,0.2);}
.video .main li h4{line-height: 55px;margin-bottom: 20px;font-size: 14px;}
.down .main{margin-bottom: 60px;}
.down .main li .box{height: 56px;line-height: 56px;text-align: left;border-bottom: 1px solid #ddd;}
.down .main li h4{font-size: 14px;}
.faq .main li{padding-top: 24px;}
.faq .main li h4{height: 34px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.faq .main li h4 span{display: inline-block;width: 34px;height: 34px;color: #333;text-align: center;background: #ec7729;border-radius: 50%;margin-right: 10px;}
.faq .main li p{margin-top: 10px;height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1;font-size: 14px;padding-top: 14px;border-bottom: 1px dashed #dcdcdc;}
.news-detail{padding-bottom: 50px;}
.news-detail .main{width: calc(100% - 340px);}
.news-detail .main img{max-width: 100%;}
.news-detail .title{text-align: center;}
.news-detail .title h3{line-height: 42px;padding-bottom: 10px;font-size: 30px;}
.news-detail .title p{height: 30px;color: #666;font-size: 14px;border-bottom: 1px dashed #ccc;margin-bottom: 30px;}
.news-detail .content{padding: 70px;background: #fff;}
.news-detail .content .con{min-height: 100px;line-height: 30px;margin-bottom: 60px;text-align: justify;}
.news-detail .content .con a{color: #ec7729;text-decoration: underline;}
.news-detail .content .con img{max-width: 100%;}
.news-detail .content .web a{color: #ec7729;text-decoration: underline;}
.news-detail .more{height: 110px;padding: 20px;margin-top: 35px;background: #fff;position: relative;}
.news-detail .more p{line-height: 35px;}
.news-detail .more p a{display: inline-block;color: #666;font-size: 16px;transition: all .3s;}
.news-detail .more p a:hover{color: #ec7729;}
.news-detail .more p{display: block;}
.news-detail .more .back{display: block;position: absolute;top: 50%;right: 20px;width: 150px;line-height: 45px;margin-top: -23px;text-align: center;background: #ec7729;border-radius: 5px;}
.news-detail .side{width: 320px;}
.news-detail .latest{padding: 40px 30px;margin-bottom: 20px;background: #fff;}
.news-detail .latest h5{font-size: 20px;}
.news-detail .latest li{padding-top: 30px;padding-bottom: 15px;color: #666;font-size: 15px;border-bottom: 1px dashed #e5e5e5;}
.news-detail .latest h6{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s;}
.news-detail .latest li:hover h6{color: #ec7729;}
.news-detail .latest p{font-size: 14px;}
.news-detail .latest p span{color: #ec7729;}
.news-detail .pro{margin-top: 35px;}
.news-detail .pro h5{height: 30px;padding-left: 20px;font-size: 20px;}
.news-detail .pro li .img{background: #fff;text-align: center;}
.news-detail .pro li img{max-width: 100%;}
.news-detail .pro li h6{line-height: 55px;font-size: 14px;text-align: center;transition: all .3s;}
.news-detail .pro li:hover h6{color: #ec7729;}
.page-nav{margin-bottom: -30px;}
.page-nav .w{height: 110px;text-align: center;position: relative;top: -30px;background-color: #fff;}
.page-nav ul{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);font-size: 0;line-height: 1.5;font-size: 0;}
.page-nav li{display: inline-block;margin: 0 .2vw;position: relative;z-index: 1;}
.page-nav li:last-of-type{margin-right: 0;}
.page-nav li a{display: block;width: 100%;min-width: 100px;height: 40px;color: #666;line-height: 36px;font-size: 14px;padding: 0 0.4vw;border: 1px solid #fff;border-radius: 40px;transition: all .3s;}
.page-nav li:hover a,
.page-nav li.active a{color: #ec7729;border: 1px solid #ec7729;border-radius: 40px;}
.page-nav li:hover a{color: #fff;background: #ec7729;}
.pro-detail{width: calc(100% - 250px);}
.pro-detail .top .img.fl{width: 50%;overflow: hidden;}
.pro-detail .top .txt{width: 50%;}
.pro-detail .top{padding: 25px;background-color: #fff;}
.pro-detail .top .big li{text-align: center;background-color: #fff;}
.pro-detail .top .big li .box{height: 360px;line-height: 360px;overflow: hidden;text-align: center;}
.pro-detail .top .big li .box img{max-width: 100%;max-height: 100%;}
.pro-detail .top .big .swiper-pagination-fraction{color: #fff;bottom: 6px;text-align: right;padding-right: 10px;text-shadow: 0 0 5px #000;box-sizing: border-box;}
.pro-detail .top .list{position: relative;padding: 0 40px;margin-top: 10px;text-align: center;}
.pro-detail .top .list li{border: 1px solid transparent;cursor: pointer;transition: all .3s;}
.pro-detail .top .list li .box{width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.pro-detail .top .list li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;}
.pro-detail .top .list .swiper-slide-thumb-active{border-color: #ec7729;}
.pro-detail .top .txt{padding-top: 20px;padding-left: 3vw;}
.pro-detail .top .title h4{height: 52px;color: #1e242b;font-size: 24px;border-bottom: 1px solid #ddd;}
.pro-detail .top .txt .con{margin: 20px 0;color: #999;font-size: 14px;line-height: 32px;text-align: justify;height: 254px;overflow: hidden;}
.pro-detail .top .zixun{padding-top: 20px;border-top: 1px solid #ddd;}
.pro-detail .top .zixun a{display: inline-block;padding: 11px 30px;margin-right: 1vw;color: #fff;font-size: 18px;background-color: #ec7729;border-radius: 40px;vertical-align: middle;}
.pro-detail .top .zixun span{display: inline-block;padding-left: 35px;color: #ec7729;font-size: 24px;vertical-align: middle;background: url(../images/icon_phone01.png) left center no-repeat;}
.pro-detail .swiper-button-next,
.pro-detail .swiper-button-prev{width: 30px;height: 50px;background: #a3a3a3;z-index: 99;left: 0;margin-top: -25px;transition: all .3s;}
.pro-detail .swiper-button-next{left: auto;right: 0;}
.pro-detail .swiper-button-next:after,
.pro-detail .swiper-button-prev:after{content: "";position: absolute;left: 45%;top: 50%;width: 10px;height: 10px;border: 3px solid #fff;border-left: none;border-bottom: none;transform: translate(-50%,-50%) rotate(45deg);}
.pro-detail .swiper-button-prev:after{left: 55%;transform: translate(-50%,-50%) rotate(-135deg);}
.pro-detail .swiper-button-next:hover,
.pro-detail .swiper-button-prev:hover{background-color: #ec7729;}
.pro-detail .swiper-button-next:hover:after,
.pro-detail .swiper-button-prev:hover:after{border-color: #fff;}
.pro-content{float: left;width: 100%;padding: 40px;/* margin-top: 40px; */background-color: #fff;}
.pro-content table tr:nth-child(2n){background: rgba(176,196,222,.2);}
.pro-content table td{border: 1px solid #ddd;line-height: 2.5;}
.pro-content .pc-title{height: 40px;border-bottom: 1px solid #ddd;}
.pro-content .pc-title h4{display: inline-block;height: 100%;padding-bottom: 10px;margin-bottom: -1px;color: #1e242b;font-size: 20px;line-height: 30px;position: relative;}
.pro-content .pc-title h4:after{content: '';position: absolute;left: 0;bottom: -3px;width: 100%;height: 5px;background-color: #ec7729;transition: all .3s;opacity: .8;display: none;}
.pro-content .pc-title h4.active:after{display: block;}
.pro-content .con{display: none;line-height: 30px;text-align: justify;}
.pro-content .con.case .img{height: auto;line-height: 1;}
.pro-content .con.active{display: block;padding: 30px 0;}
.pro-content .con a{color: #ec7729;text-decoration: underline;}
.pro-content .con img{max-width: 100%;}
.pro-content .web a{color: #ec7729;text-decoration: underline;}
.pro-detail .more{height: 110px;padding: 20px;margin-top: 30px;background: #fff;position: relative;}
.pro-detail .more p{line-height: 35px;}
.pro-detail .more p a{display: inline-block;color: #666;font-size: 16px;transition: all .3s;}
.pro-detail .more p a:hover{color: #ec7729;}
.pro-detail .more p{display: block;}
.pro-detail .more .back{display: block;position: absolute;top: 50%;right: 20px;width: 150px;line-height: 45px;margin-top: -23px;text-align: center;background: #ec7729;border-radius: 5px;}
.pro-related .nav{width: 65%;height: 70px;}
.pro-related .nav a{color: #1e242b;font-size: 28px;}
.pro-related li a{display: block;transition: all .3s;}
.pro-related li:hover a{transform: translateY(-5px);}
.pro-related .img{height: 240px;line-height: 240px;text-align: center;overflow: hidden;background: #fff;}
.pro-related .img img{max-width: 100%;max-height: 100%;transition: all .3s;}
.pro-related li:hover .img img{transform: scale(1.02);}
.pro-related h4{height: 60px;line-height: 60px;overflow: hidden;color: #1e242b;font-size: 18px;}
.pro-related li:hover h4{color: #ec7729;}
.case-detail{background-color: #f4f4f4;}
.case-detail .box{height: 430px;}
.case-detail .img img{height: 100%;max-width: none;max-height: none;}
.case-detail .txt{padding-left: 6vw;color: #333;}
.about-story .main li{height: 710px;margin-bottom: 60px;}
.about-story .main li .img{width: calc(50% - 3vw);margin-left: 3vw;}
.about-story .main li:nth-child(2n) .img{margin-left: 0;margin-right: 3vw;}
.about-story .main li .txt .box{padding-right: 3vw;}
.about-story .main li .txt h5{padding-bottom: 20px;color: #ec7729;font-size: 28px;}
.about-story .main li .txt h4{height: 70px;margin-bottom: 40px;font-size: 28px;position: relative;}
.about-story .main li .txt h4:after{content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #ec7729;}
.about-story .main li .txt .con p{line-height: 28px;color: #666;font-size: 14px;}
.about-story .main li:nth-child(2n) .txt .box{padding-right: 0;padding-left: 3vw;}
.about .con{line-height: 30px;text-align: justify;}
.about .con img{max-width: 100%;}
.about .main li.row{height: 370px;margin-bottom: 20px;}
.about .main li.row .img{padding-left: 2.5vw;}
.about .main li.row:nth-child(2n - 1) .img{padding-left: 0;padding-right: 2.5vw;}
.about .main li.row .txt{padding-right: 2.5vw;}
.about .main li.row .txt .box{height: 100%;}
.about .main li.row .txt h4{padding-bottom: 1.5vw;font-size: 28px;}
.about .main li.row .txt h5{height: 90px;line-height: 30px;overflow: hidden;font-size: 14px;}
.about .main li.row .txt li{display: inline-block;margin-right: 4.5vw;text-align: center;}
.about .main li.row .txt li h6{height: 48px;color: #ec7729;font-size: 38px;}
.about .main li.row .txt li span{font-size: 14px;}
.about .main li.row:nth-child(2n -1) .txt{padding-right: 0;padding-left: 2.5vw;}
.about-culture .main .row{height: 290px;margin-bottom: 30px;}
.about-culture .main .row .txt{padding-left: 5vw;}
.about-culture .main .row .txt .box{height: 100%;}
.about-culture .main .row h5{height: 55px;color: #ec7729;font-size: 28px;}
.about-culture .main .row h4{height: 55px;margin-bottom: 20px;font-size: 24px;position: relative;}
.about-culture .main .row h4:after{content: '';position: absolute;left: 0;bottom: 0;width: 30px;border-bottom: 3px solid #e5e5e5;}
.about-culture .main .row .con{font-size: 16px;line-height: 25px;}
.about-honor .main li .img{height: 250px;line-height: 250px;border: 1px solid #d2d2d2;}
.about-honor .main li .img img{max-width: 90%;max-height: 90%;}
.about-honor .main li h4{color: #292b3e;height: 55px;line-height: 55px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 20px;}
.about-honor .more{display: block;width: 150px;line-height: 45px;margin: 60px auto 0;text-align: center;background: #ec7729;}
.about-cert .main li{margin-bottom: 20px;}
.about-cert .main li .img{height: 340px;line-height: 340px;border: 1px solid #d2d2d2;}
.about-cert .main li .img img{max-width: 90%;max-height: 90%;}
.about-cert .more{display: block;width: 150px;line-height: 45px;margin: 60px auto 0;text-align: center;background: #ec7729;}
.about-history li{padding: 30px 0;position: relative;overflow: hidden;}
.about-history li:before,
.about-history li:after{content: '';position: absolute;left: 50%;top: 50%;height: 100%;transform: translate(-50%,-50%);border-left: 1px solid #ddd;}
.about-history li:after{width: 12px;height: 12px;border-radius: 50%;background-color: #aaa;border: none;}
.about-history li:hover:after{background-color: #0096ff;}
.about-history li .time{float: left;width: 50%;height: 100%;padding: 0 2.5vw;font-size: 42px;font-weight: 700;line-height: 35px;text-align: right;position: absolute;top: 0;}
.about-history li .time span{position: absolute;top: 50%;right: 2.5vw;transform: translateY(-50%);}
.about-history li:nth-child(2n) .time span{right: auto;left: 2.5vw;}
.about-history li .txt{float: right;width: 50%;padding: 0 2.5vw;color: #7c7c7c;font-size: 18px;line-height: 35px;text-align: left;}
.about-history li:nth-child(2n) .time{float: right;text-align: left;right: 0;}
.about-history li:nth-child(2n) .time span{right: auto;left: 2.5vw;}
.about-history li:nth-child(2n) .txt{float: left;text-align: right;}
.about-photo li.col{margin-top: 30px;}
.about-photo li .img{height: 0;padding-bottom: 75%;position: relative;}
.about-photo li img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.about-photo li h4{height: 70px;line-height: 70px;text-align: center;color: #1e242b;font-size: 18px;background-color: #fff;}
.about-swiper .main{position: relative;}
.about-swiper .swiper-button-next,
.about-swiper .swiper-button-prev{left: -60px;width: 36px;height: 36px;background: none;border: 3px solid #dee3ef;}
.about-swiper .swiper-button-next:hover,
.about-swiper .swiper-button-prev:hover{background: #ec7729;border-color: #ec7729;}
.about-swiper .swiper-button-next{left: auto;right: -60px;}
.about-swiper .swiper-button-next:after,
.about-swiper .swiper-button-prev:after{width: 6px;height: 6px;border-color: #576077;}
.about-swiper .swiper-button-next:hover:after,
.about-swiper .swiper-button-prev:hover:after{border-color: #fff;}
.news-nav .box{padding: 0 6vw;}
.news-nav a{margin: 0 2.5vw;}
.news ul{margin-top: -30px;}
.news li.col{text-align: left;margin-top: 30px;}
.news li .img{height: 0;padding-bottom: 75%;position: relative;}
.news li img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news li .txt{height: 220px;padding: 25px 20px 0;overflow: hidden;background: #fff;}
.news li h4{height: 22px;line-height: 1;color: #1e242b;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news li span{display: block;color: #999;font-size: 14px;line-height: 50px;}
.news li .con{height: 100px;overflow: hidden;color: #999;font-size: 14px;line-height: 25px;text-align: justify;}
.contact .main{padding: 0 2vw;padding-top: 1.25vw;background-color: #fff;}
.contact .main li.col{padding-top: 40px;padding-bottom: 40px;text-align: left;overflow: hidden;}
.contact .main li:nth-child(n + 4){border: none;}
.contact .main li .img{float: left;height: 65px;width: 80px;}
.contact .main li .txt{float: left;width: calc(100% - 80px);}
.contact .main li h5{height: 30px;color: #555;font-size: 16px;}
.contact .main li p{color: #1e242b;font-size: 20px;}
.contact .map{margin-top: 40px;}
#map{width: 100%;height: 520px;}
#map td{box-sizing: content-box;}
#map img{max-width: none;max-height: none;}
.BMapLib_SearchInfoWindow .BMapLib_bubble_center{line-height: 1.5;}
.map h5{padding-left: 40px;line-height: 75px;color: #262626;font-size: 18px;background-color: #fff;}
.map h5 img{margin-right: 15px;margin-top: -11px;}
.contact-all .main .row{height: 400px;}
.contact-all .main .row .img{width: calc(50% + 3vw);}
.contact-all .main .row .txt{width: calc(50% - 3vw);padding-left: 3vw;}
.contact-all .main .row .txt .box{height: 100%;}
.contact-all .main .row h4{height: 3.5vw;margin-bottom: 2vw;font-size: 32px;border-bottom: 1px dashed #b5b5b5;}
.contact-all .main .row .con p{color: #666;line-height: 34px;}
.contact-message .main .txt{width: calc(50% + 1vw);padding-right: 2vw;}
.contact-message .main .img{width: calc(50% - 1vw);height: 348px;}
.contact-message .main li{position: relative;margin-bottom: 20px;}
.contact-message .main li img{position: absolute;top: 1px;right: 11px;height: 60px;border-left: 1px solid #d2d2d2;}
.contact-message .main input{width: 100%;color: #333;font-size: 14px;line-height: 60px;padding: 0 20px;border: 1px solid #d2d2d2;}
.contact-message .main textarea{width: 100%;height: 180px;color: #333;padding: 25px 20px;border: 1px solid #d2d2d2;margin-bottom: 20px;}
.contact-message .main .sub{display: inline-block;width: 46%;color: #fff;font-size: 16px;line-height: 62px;text-align: center;padding: 0;background-color: #ec7729;border: 0;cursor: pointer;}
.contact-message .main .sub:last-child{background: #293e6b;margin-left: 7%;}
#map{width: 100%;height: 510px;}
.job .main li{overflow: hidden;background: #fff;}
.job .main li:nth-child(2n - 1){background-color: #f4f4f4;}
.job .main li:nth-child(1){border-top: 1px solid #dcdcdc;}
.job .main li .tit p{line-height: 70px;}
.job .main li:nth-child(1) .tit p{color: #666;line-height: 65px;background: #eee;}
.job .main li .tit{color: #666;font-size: 18px;position: relative;cursor: pointer;}
.job .main li.active .tit,
.job .main li .tit:hover{color: #fff;background: #ec7729;}
.job .main li .tit span:after{content: '+';position: absolute;right: 8vw;top: 50%;transform: translateY(-50%);}
.job .main li.active .tit span:after{content: '-';color: #fff;}
.job .main li .con{display: none;padding: 4vw 7.5vw;background: #fff;}
.job .main li .con p{color: #666;font-size: 16px;line-height: 25px;}
.related-title{text-align: center;}
.related-title h3{height: 50px;font-size: 28px;}
.related-title h4{height: 60px;color: #666;font-size: 14px;}
.related .main{width: 100%;position: relative;}
.related .swiper-button-next,
.related .swiper-button-prev{left: -50px;width: 40px;height: 40px;background: #999;}
.related .swiper-button-next:hover,
.related .swiper-button-prev:hover{background: #ec7729;}
.related .swiper-button-next{left: auto;right: -50px;}
.related .swiper-button-next:after,
.related .swiper-button-prev:after{width: 6px;height: 6px;border-color: #fff;}
.pro-related li{text-align: center;margin-top: 0 !important;}
.case-related .txt{background: #fff;}
.links{padding-bottom: 30px;line-height: 2;color: #687281;font-size: 14px;}
.links a{margin-right: 1vw;color: #687281;font-size: 14px;}
.links a:hover{color: #ec7729;text-decoration: underline;}
.footer{padding-top: 60px;color: #8793a5;font-size: 14px;background-color: #2d343f;}
.footer.index{padding-top: 190px;}
.footer dl{float: left;margin-right: 5vw;margin-bottom: 30px;text-align: left;}
.footer dl:last-child{margin-right: 0;}
.footer dt{height: 55px;color: #b2c0d7;font-size: 18px;position: relative;}
.footer dd a{display: block;height: 35px;}
.footer .phone h4{height: 45px;color: #b2c0d7;}
.footer .phone h5{height: 40px;color: #ec7729;font-size: 28px;}
.footer .phone .more{display: block;width: 160px;line-height: 35px;border-radius: 35px;margin-top: 10px;text-align: center;color: #fff;border: 1px solid #fff;}
.footer .qr{margin-left: 3vw;}
.footer .qr img{width: 120px;height: 120px;padding: 5px;background: #fff;}
.footer .qr p{margin-top: 15px;color: #677284;font-size: 14px;text-align: center;}
.footer .copy{margin-top: 20px;line-height: 60px;border-top: 1px solid #38404d;color: #687281;}
.footer a{transition: all .3s;}
.footer a:hover{color: #ec7729;transform: translateX(4px);opacity: 1;}
.hor-top-show{position: absolute;bottom: -40px;opacity: 0;left: 0;top: 0;overflow: hidden;transition: all .3s;z-index: 1;}
.hor-top-show.active{position: relative;opacity: 1;bottom: 0;z-index: 2;}
.hvr1.hvr1 .img{background: #000;position: relative;}
.hvr1.hvr1 .img img{transition: all .5s;}
.hvr1.hvr1 .img:before{content: '';position: absolute;top: 35px;bottom: 35px;left: 20px;right: 20px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scaleX(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1 .img:after{content: '';position: absolute;top: 20px;bottom: 20px;left: 35px;right: 35px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scaleY(0);transition: all .5s;z-index: 1;}
.hvr1.hvr1:hover img{opacity: .8;}
.hvr1.hvr1:hover .img:before{transform: scaleX(1);}
.hvr1.hvr1:hover .img:after{transform: scaleY(1);}
.hover-img-big .img{overflow: hidden;}
.hover-img-big .img img{transition: transform .5s;}
.hover-img-big:hover img{transform: scale(1.04);}
.hover-color.hover-color h4{transition: all .3s;}
.hover-color.hover-color:hover h4{color: #ec7729;}
.hover-left-rotate{transition: transform .3s;}
.hover-left-rotate:hover{transform: rotateY(360deg);}
.hover-left-move{position: relative;right: 0;transition: all .3s;}
.hover-left-move:hover{right: -4px;}
.hover-top-move{display: inline-block;position: relative;transition: transform .3s;}
.hover-top-move:hover{transform: translateY(-5px);}
.hover-bg-big{position: relative;z-index: 1;}
.hover-bg-big:after{content: "";background-color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: scale(0);transition: transform .3s;z-index: -1;}
.hover-bg-big:hover:after{transform: scale(1);}
.hvr-bg-move{position: relative;overflow: hidden;transition: all .5s;}
.hvr-bg-move:hover{box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move:after{content: '';position: absolute;left: -100%;top: 0;width: 0;height: 100%;background-color: #fff;opacity: .5;box-shadow: 0 0 30px #fff;}
.hvr-bg-move:hover:after{left: 100%;width: 50%;transition: all .5s;}
.hvr-bg-move2{position: relative;overflow: hidden;z-index: 1;transition: all .3s;}
.hvr-bg-move2:hover{box-shadow: 0 0 5px #fff inset;}
.hvr-bg-move2:after{content: '';position: absolute;left: 50%;top: 50%;width: 300px;height: 300px;margin-top: -150px;margin-left: -150px;border-radius: 50%;background: #fff;transform: scale(0);transition: all .3s;z-index: -1;}
.hvr-bg-move2:hover:after{animation: bg_big 1s;}
@keyframes bg_big{0%{opacity: .6;}
100%{opacity: 0;transform: scale(1);}}
.flash{overflow: hidden;width: 380px;height: 230px;position: relative;}
.flash em{cursor: pointer;height: 230px;width: 380px;left: -380px;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));}
.flash:hover em{left: 380px;transition: all 0.7s;}
.flip img{width: 380px;height: 230px;position: absolute;left: 0;top: 0;z-index: 2;transform: rotateY(0deg);transition: all 0.6s ease 0s;backface-visibility: hidden;}
.flip span{position: absolute;width: 380px;height: 230px;background: #e1e1e1;line-height: 230px;text-align: center;transform: rotateY(-180deg);transition: all 0.5s ease 0s;backface-visibility: hidden;left: 0;top: 0;}
.flip:hover img{transform: rotateY(180deg);}
.flip:hover span{transform: rotateY(0deg);}
.up span{height: 40px;bottom: -40px;display: block;background: #333;transition: all 0.5s;line-height: 40px;color: #fff;}
.up:hover img{margin-top: -40px;transition: all 0.5s;}
.panorama{background-image: url(http://7vilbi.com1.z0.glb.clouddn.com/blog/6608185829213862083.jpg);background-size: auto 100%;cursor: pointer;animation: panorama 10s linear infinite alternate;animation-play-state: paused;}
.panorama:hover,
.panorama:focus{animation-play-state: running;}
@keyframes panorama{to{background-position: 100% 0;}}
.border .txt{position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;color: #fff;line-height: 230px;transform: scale(0);}
.border .txt:before,
.border .txt:after{position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border .txt:before{top: 0;right: 0;bottom: 0;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border .txt:after{top: 0;right: 0;bottom: 0;left: 0;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border:hover .txt:before,
.border:hover .txt:after{opacity: 1;transform: scale(1);transition: all 0.5s;}
.border:hover .txt{transform: scale(1);}
.border:hover img{opacity: .5;}
.border2 .txt{position: absolute;top: 20px;left: 20px;right: 20px;bottom: 20px;color: #fff;line-height: 230px;transform: scale(0);}
.border2 .txt:before,
.border2 .txt:after{position: absolute;content: '';opacity: 0;transition: all 0.5s;transition-delay: .3s;}
.border2 .txt:before{top: 15px;right: 0;bottom: 15px;left: 0;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.border2 .txt:after{top: 0;right: 15px;bottom: 0;left: 15px;border-right: 1px solid #fff;border-left: 1px solid #fff;transform: scale(1,0);transform-origin: 100% 0;}
.border2:hover .txt:before,
.border2:hover .txt:after{opacity: 1;transform: scale(1);transition: all 0.5s;}
.border2:hover .txt{transform: scale(1);}
.border2:hover img{opacity: .5;}
.jitter:hover img{animation: tada 1s .2s ease both;}
@keyframes tada{0%{transform: scale(1);}
10%, 20%{transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{transform: scale(1.1) rotate(3deg);}
40%, 60%, 80%{transform: scale(1.1) rotate(-3deg);}
100%{transform: scale(1) rotate(0);}}
.effect1{perspective: 800px;}
.effect1 .pic{display: block;transition: 0.4s;}
.effect1 .txt{position: absolute;left: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;top: -100%;transition: all 0.5s;z-index: -1;}
.effect1:hover .pic{transform: rotateX(80deg);transform-origin: center bottom 0;}
.effect1:hover .txt{top: 0;}
.effectBtn{display: inline-block;padding: 5px 25px;font-size: 14px;color: #fff;border: 2px solid #4d92d9;background-color: #4d92d9;text-decoration: none;transition: 0.4s;}
.text-desc{position: absolute;left: 0;top: 0;background-color: #fff;height: 100%;opacity: 0;width: 100%;padding: 20px;}
.effect2{perspective: 500px;z-index: 5;}
.effect2 .txt{position: absolute;left: 0;bottom: 0;background: #fff;height: 90%;width: 80%;padding: 5% 10%;transition: 0.6s;z-index: -1;transform: rotateX(80deg);transform-origin: center bottom 0;opacity: 0;}
.effect2:hover .txt{transform: none;opacity: 1;}
.effect2:hover img{transform: translateY(-100%);}
.effect3{perspective: 500px;overflow: visible;}
.effect3 .txt{position: absolute;left: 0;top: 0;background: #fff;height: 90%;width: 70%;padding: 5% 20% 5% 10%;transition: 0.6s;transform: translateX(-100%);opacity: 0;}
.effect3:hover .txt{transform: translateX(0px);opacity: 1;}
.effect3:hover img{transform: scale(0.5) translateX(100%);position: relative;z-index: 9;}
.effect4 .txt{position: absolute;left: 0;top: 0;background: #fff;height: 70%;width: 80%;padding: 25% 10% 5% 10%;transition: 0.6s;transform: translateY(100%);opacity: 0;}
.effect4:hover .txt{transform: translateY(0px);opacity: 1;}
.effect4:hover img{transform: scale(0.3) translateY(-100%);position: relative;z-index: 9;}
.effect5 .txt{position: absolute;right: 0;top: 0;background: #fff;height: 90%;width: 90%;padding: 5%;transition: 0.6s;opacity: 0;transform: perspective(600px) rotateY(-90deg);transform-origin: right center 0;width: 40%;}
.effect5 img{position: relative;right: 0;}
.effect5:hover .txt{opacity: 1;transform: perspective(600px) rotateY(0deg);z-index: 5;}
.effect5:hover img{right: 50%;}
.effect6{border: 5px solid #eee;}
.effect6 .txt{position: absolute;right: 0;top: 0;background: #fff;width: 70%;height: 90%;padding: 5% 15%;transition: 0.6s;transform: scale(0);backface-visibility: hidden;}
.effect6:hover .txt{transform: scale(1);border-radius: 50% 0 50% 0;}
.effect6:hover img{transform: scale(1.1);}
.button1{background: #555;padding: 50px 0;margin-bottom: 50px;overflow: hidden;}
.btn{color: #fff;cursor: pointer;display: inline-block;font-size: 16px;font-weight: 400;line-height: 45px;margin: 0 auto 2em;max-width: 160px;position: relative;text-decoration: none;text-transform: uppercase;vertical-align: middle;width: 100%;margin: 0 10px;}
.btn:hover{text-decoration: none;}
.btn1{background: #ec7729;font-weight: 100;}
.btn1 svg{height: 45px;left: 0;position: absolute;top: 0;width: 100%;}
.btn1 rect{fill: none;stroke: #fff;stroke-width: 2;stroke-dasharray: 422, 0;}
.btn1:hover{background: #ec7729;font-weight: 900;letter-spacing: 1px;}
.btn1:hover rect{stroke-width: 5;stroke-dasharray: 15, 310;stroke-dashoffset: 48;-webkit-transition: all 1.35s cubic-bezier(0.19,1,0.22,1);transition: all 1.35s cubic-bezier(0.19,1,0.22,1);}
.btn2{letter-spacing: 0;}
.btn2:hover,

.btn2:active{letter-spacing: 5px;}
.btn2:after,
.btn2:before{-webkit-backface-visibility: hidden;backface-visibility: hidden;border: 1px solid rgba(255,255,255,0);bottom: 0px;content: " ";display: block;margin: 0 auto;position: relative;-webkit-transition: all 280ms ease-in-out;transition: all 280ms ease-in-out;width: 0;}
.btn2:hover:after,
.btn2:hover:before{-webkit-backface-visibility: hidden;backface-visibility: hidden;border-color: #fff;-webkit-transition: width 350ms ease-in-out;transition: width 350ms ease-in-out;width: 70%;}
.btn2:hover:before{bottom: auto;top: 0;width: 70%;}
.btn3{background: #ec7729;border: 1px solid #da251f;box-shadow: 0px 2px 0 #d6251f, 2px 4px 6px #e02a24;font-weight: 900;letter-spacing: 1px;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.btn3:hover{background: #ec7729;border: 1px solid rgba(0,0,0,0.05);box-shadow: 1px 1px 2px rgba(255,255,255,0.2);color: #ec817d;text-decoration: none;text-shadow: -1px -1px 0 #c2211c;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
.btn4{border: 1px solid;overflow: hidden;position: relative;}
.btn4 span{z-index: 20;}
.btn4:after{background: #fff;content: "";height: 155px;left: -75px;opacity: .2;position: absolute;top: -50px;-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);width: 50px;z-index: 10;}
.btn4:hover:after{left: 120%;-webkit-transition: all 550ms cubic-bezier(0.19,1,0.22,1);transition: all 550ms cubic-bezier(0.19,1,0.22,1);}
.btn5{border: 0 solid;box-shadow: inset 0 0 20px rgba(255,255,255,0);outline: 1px solid;outline-color: rgba(255,255,255,0.5);outline-offset: 0px;text-shadow: none;-webkit-transition: all 1250ms cubic-bezier(0.19,1,0.22,1);transition: all 1250ms cubic-bezier(0.19,1,0.22,1);}
.btn5:hover{border: 1px solid;box-shadow: inset 0 0 20px rgba(255,255,255,0.5), 0 0 20px rgba(255,255,255,0.2);outline-color: rgba(255,255,255,0);outline-offset: 15px;text-shadow: 1px 1px 2px #427388;}
.btn-hvr:before,
.btn-hvr:after{z-index: -1;box-sizing: border-box;transition: 0.5s;}
.btn-hvr{position: relative;overflow: hidden;z-index: 1;transition: all .3s;}
.btn-hvr0:before{content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: #ec7729;}
.btn-hvr0:hover{color: #fff;}
.btn-hvr0:hover:before{width: 250px;}
.btn-hvr1:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #ec7729 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr1:hover{color: #ecdcd4;}
.btn-hvr1:hover:after{border-width: 330px 330px 0 0;}
.btn-hvr1:active{background: #b27254;}
.btn-hvr1-2{color: #bc4b41;}
.btn-hvr1-2:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #6a1a13;position: absolute;bottom: 0;left: 0;}
.btn-hvr1-2:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #6a1a13 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr1-2:hover{color: #ebcac7;}
.btn-hvr1-2:hover:before{border-width: 206.25px 0 0 206.25px;}
.btn-hvr1-2:hover:after{border-width: 0 0 206.25px 206.25px;}
.btn-hvr1-2:active{background: #b02b20;}
.btn-hvr2{color: #48a6b1;}
.btn-hvr2:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #185a62;position: absolute;bottom: 0;left: 0;}
.btn-hvr2:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #185a62 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr2:hover{color: #c9e5e8;}
.btn-hvr2:hover:before{border-width: 165px 0 0 165px;}
.btn-hvr2:hover:after{border-width: 0 165px 165px 0;}
.btn-hvr2:active{background: #2896a3;}
.btn-hvr3{color: #ad96a0;}
.btn-hvr3:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #5f4f56;position: absolute;bottom: 0;left: 0;}
.btn-hvr3:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #5f4f56 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr3 span:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #5f4f56 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr3 span:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #5f4f56 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr3:hover{color: #e7e0e3;}
.btn-hvr3:hover:before{border-width: 165px 0 0 165px;}
.btn-hvr3:hover:after{border-width: 0 165px 165px 0;}
.btn-hvr3:hover span:before{border-width: 0 0 165px 165px;}
.btn-hvr3:hover span:after{border-width: 165px 165px 0 0;}
.btn-hvr3:active{background: #9e838f;}
.btn-hvr4{color: #8d53b3;}
.btn-hvr4:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #492064 transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr4:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #492064;position: absolute;bottom: 0;left: 0;}
.btn-hvr4:before,
.btn-hvr4:after{border-color: #492064;}
.btn-hvr4 span:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: #492064 transparent transparent transparent;position: absolute;top: 0;left: 0;}
.btn-hvr4 span:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #492064 transparent;position: absolute;right: 0;bottom: 0;}
.btn-hvr4 span:before,
.btn-hvr4 span:after{border-color: #492064;}
.btn-hvr4:hover{color: #decde9;}
.btn-hvr4:hover:before{border-width: 20px 62.5px;}
.btn-hvr4:hover:after{border-width: 20px 62.5px;}
.btn-hvr4:hover span:before{border-width: 20px 62.5px;}
.btn-hvr4:hover span:after{border-width: 20px 62.5px;}
.btn-hvr4:active{background: #7935a6;}
.btn-hvr5{color: #808695;}
.btn-hvr5:after{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent #3f444e transparent transparent;position: absolute;top: 0;right: 0;}
.btn-hvr5:before{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent transparent #3f444e;position: absolute;bottom: 0;left: 0;}
.btn-hvr5:hover{color: #dadce0;}
.btn-hvr5:hover:before,
.btn-hvr5:hover:after{border-width: 80px 262.5px;}
.btn-hvr5:active{background: #697182;}
.btn-hvr6{color: #80629f;}
.btn-hvr6 span{position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background: #402a55;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: width 0.4s, height 0.4s;transition: width 0.4s, height 0.4s;z-index: -1;}
.btn-hvr6:hover{color: #dad1e3;}
.btn-hvr6:hover span{width: 562.5px;height: 562.5px;}
.btn-hvr6:active{background: #6a468e;}
.btn-hvr7{color: #27692b;}
.btn-hvr7:before,
.btn-hvr7:after,
.btn-hvr7 span:before,
.btn-hvr7 span:after{content: '';position: absolute;top: 0;width: 63.5px;height: 0;background: #012f04;}
.btn-hvr7:before{left: 0;}
.btn-hvr7:after{left: 125px;}
.btn-hvr7 span:before,
.btn-hvr7 span:after{top: auto;bottom: 0;}
.btn-hvr7 span:before{left: 62.5px;}
.btn-hvr7 span:after{left: 187.5px;}
.btn-hvr7:hover{color: #c0d3c1;}
.btn-hvr7:hover:before,
.btn-hvr7:hover:after,
.btn-hvr7:hover span:before,
.btn-hvr7:hover span:after{height: 80px;}
.btn-hvr7:active{background: #014f06;}
.btn-hvr8{color: #5177a7;}
.btn-hvr8:before,
.btn-hvr8:after{content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background: #ec7729;}
.btn-hvr8:after{top: auto;bottom: 0;}
.btn-hvr8:hover:before,
.btn-hvr8:hover:after{height: 40px;}
.btn-hvr8:active{background: #325f98;}
.btn-hvr9{color: #c93a8e;}
.btn-hvr9:before,
.btn-hvr9:after,
.btn-hvr9 span:before,
.btn-hvr9 span:after{content: '';position: absolute;top: 0;left: 0;width: 250px;height: 0;background: rgba(115,14,73,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr9:after,
.btn-hvr9 span:before{top: auto;bottom: 0;}
.btn-hvr9 span:before,
.btn-hvr9 span:after{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr9:hover{color: #efc5de;}
.btn-hvr9:hover:before,
.btn-hvr9:hover:after,
.btn-hvr9:hover span:before,
.btn-hvr9:hover span:after{height: 80px;}
.btn-hvr9:active{background: #c0177a;}
.btn-hvr10{color: #8f5c82;}
.btn-hvr10:before,
.btn-hvr10:after,
.btn-hvr10 span:before,
.btn-hvr10 span:after{content: '';position: absolute;top: 0;left: 0;width: 0;height: 80px;background: rgba(74,38,65,0.25);-webkit-transition: 0.4s;transition: 0.4s;}
.btn-hvr10:after,
.btn-hvr10 span:before{left: auto;right: 0;}
.btn-hvr10 span:before,
.btn-hvr10 span:after{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}
.btn-hvr10:hover{color: #decfda;}
.btn-hvr10:hover:before,
.btn-hvr10:hover:after,
.btn-hvr10:hover span:before,
.btn-hvr10:hover span:after{width: 250px;}
.btn-hvr10:active{background: #7b3f6c;}
@-webkit-keyframes criss-cross-left{0%{left: -20px;}
50%{left: 50%;width: 20px;height: 20px;}
100%{left: 50%;width: 375px;height: 375px;}}
@keyframes criss-cross-left{0%{left: -20px;}
50%{left: 50%;width: 20px;height: 20px;}
100%{left: 50%;width: 375px;height: 375px;}}
@-webkit-keyframes criss-cross-right{0%{right: -20px;}
50%{right: 50%;width: 20px;height: 20px;}
100%{right: 50%;width: 375px;height: 375px;}}
@keyframes criss-cross-right{0%{right: -20px;}
50%{right: 50%;width: 20px;height: 20px;}
100%{right: 50%;width: 375px;height: 375px;}}
.btn-hvr11{position: relative;color: #9a7cba;}
.btn-hvr11:before,
.btn-hvr11:after{position: absolute;top: 50%;content: '';width: 20px;height: 20px;background: #8865ae;border-radius: 50%;}
.btn-hvr11:before{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn-hvr11:hover:before{-webkit-animation: criss-cross-left 0.8s both;animation: criss-cross-left 0.8s both;}
.btn-hvr11:hover:after{-webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;}
.sea-product ul.mycol{margin: 0 -10px;}
.sea-product li.col{padding: 0 10px;margin-bottom: 20px;}
.sea-product li{transition: all .3s;}
.sea-product li:hover{transform: translateY(-10px);}
.sea-product li .img{height: 280px;line-height: 280px;text-align: center;position: relative;}
.sea-product li img{max-width: 80%;max-height: 80%;}
.sea-product li h4{height: 50px;line-height: 50px;color: #1e242b;font-size: 18px;overflow: hidden;text-align: center;}
@media (max-width: 1700px){.w1600{width: 1400px;}}
@media (max-width: 1520px){.w{width: 1200px;}
.w1600{width: 1200px;}
.header .nav li{margin: 0 1vw;}
.header .nav li > a{font-size: 14px;}}
@media (max-width: 1300px){.header .nav li{margin: 0 .5vw;}}